<template>
    <!--查看人脸照片-->
    <a-modal
      width="400px"
      title="查看人脸照片"
      :visible="visible"
      @cancel="handleCancelImg"
      :footer="null"
    >
      <!--onerror 要使用服务固定地址获取，部署时更改，参考loginVisitors.vue页面底部-->
      <!--http://10.232.84.149:8090/-->
      <img style="width: 100%" :src="lookImg" alt="" onerror="this.src='https://digitalsecurity.oss-cn-hangzhou.aliyuncs.com/visit/static/img/noImg.png';this.onerror=null">

    </a-modal>
</template>

<script>

export default {
  props: {
    lookImg: {
      type: String,
      default: ''
    },
  },
  data () {
    return {
      visible: false,
    }
  },
  mounted(){

  },
  methods: {
    open(){
      this.visible = true
    },
    colse(){
      this.visible = false
    },
    handleCancelImg(){
      this.visible = false;
    }

  }

}
</script>

<style scoped>
.initStyle{
  background-color: rgba(0,0,0, .05);
}
</style>
